<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<div class="header">
			<div class="container">
				<div class="logo fl">
					<img src="images/kl_40.png" alt="">
				</div>
				<div class="itp fl"> 
					<input type="text" placeholder="输入产品关键字">
					<img src="images/a_6.png" alt="">
					<a href="sousuo.html"><span>搜索</span></a>
					<ul>
						<li>
							<a href="sousuo.html">保时捷</a>
						</li>
						<li>
							<a href="">奔驰</a>
						</li>
						<li>
							<a href="">奥迪</a>
						</li>
						<li>
							<a href="">路虎</a>
						</li>
						<li>
							<a href="">玛莎拉蒂</a>
						</li>
					</ul>
				</div>
				<div class="sign fr">
					<img src="images/k_24.png" alt="">
					<ul>
						<li>
							<a href="">登录</a>
						</li>
						<li>
							<div class="xian"></div>
						</li>
						<li>
							<a href="">注册</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="bg">
			<!-- 产品库 -->
			<div class="product">
				<div class="product_top">
					<div class="product_topLibrary fl">
						<a href="">产品库</a>
					</div>
					<ul class="fl">
						<li>
							<a href="">首页</a>
						</li>
						<li>
							<a href="">产品</a>
							<img src="images/jz_6.png" alt="">
						</li>
						<li>
							<a href="">服务</a>
							<img src="images/jz_6.png" alt="">
						</li>
						<li>
							<a href="">资讯</a>
							<img src="images/jz_6.png" alt="">
						</li>
						<li>
							<a href="">论坛</a>
							<img src="images/jz_6.png" alt="">
						</li>
						<li>
							<a href="">车评中心</a>
							<img src="images/jz_6.png" alt="">
						</li>
						<li>
							<a href="">车型对比</a>
							<img src="images/jz_6.png" alt="">
						</li>
					</ul>
				</div>
				<div class="product_buttom">
					<div class="proB_left fl">
						<div class="left1">
							<p>热门品牌</p>
							<ul>
								<li>保时捷</li>
								<li>奥迪</li>
								<li>玛莎拉蒂</li>
								<li>凯迪拉克</li>
								<li>奔驰</li>
								<li>&nbsp;&nbsp;&nbsp;路虎</li>
								<li>迈凯伦</li>
								<li>迈巴赫</li>
								<li>斯巴鲁</li>
							</ul>
						</div>
						<div class="left1">
							<p>能源</p>
							<ul>
								<li>新能源</li>
								<li>&nbsp;&nbsp;&nbsp;汽油</li>
								<li>&nbsp;&nbsp;&nbsp;柴油</li>
								<li>新能源</li>
								<li>&nbsp;&nbsp;&nbsp;汽油</li>
								<li>&nbsp;&nbsp;&nbsp;柴油</li>
							</ul>
						</div>
						<div class="left1">
							<p>价格区间</p>
							<ul>
								<li>10-20万</li>
								<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20-50万</li>
								<li>50-80万</li>
								<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80-120万</li>
								<li>120-150万</li>
								<li>&nbsp;&nbsp;&nbsp;&nbsp;150万以上</li>
							</ul>
						</div>
						<div class="left1">
							<p>排量</p>
							<ul>
								<li>1.0L-1.6L</li>
								<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.6L-2.0L</li>
								<li>2.0L-2.5L</li>
								<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.5L-3.0L</li>
								<li>3.0L-4.0L</li>
								<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4.0以上</li>
							</ul>
						</div>
					</div>
					<div class="proB_center fl">
						<img src="images/sy_7.png" alt="">
					</div>
					<div class="proB_right">
						<p class="p1">问答</p>
						<ul>
							<li>
								<span class="sp1">•别&nbsp;克&nbsp;越&nbsp;野&nbsp;性&nbsp;&nbsp;测&nbsp;试</span>
								<br>
								<span class="sp2">别&nbsp;克&nbsp;最&nbsp;新&nbsp;款&nbsp;越&nbsp;野&nbsp;车&nbsp;在&nbsp;性<br>
								能&nbsp;上&nbsp;还&nbsp;是&nbsp;突&nbsp;破&nbsp;了&nbsp;以&nbsp;往&nbsp;的&nbsp;......</span>
							</li>
							<li style="margin-top: 5px;">
								<span class="sp1">•别&nbsp;克&nbsp;越&nbsp;野&nbsp;性&nbsp;&nbsp;测&nbsp;试</span>
								<br>
								<span class="sp2">别&nbsp;克&nbsp;最&nbsp;新&nbsp;款&nbsp;越&nbsp;野&nbsp;车&nbsp;在&nbsp;性<br>
								能&nbsp;上&nbsp;还&nbsp;是&nbsp;突&nbsp;破&nbsp;了&nbsp;以&nbsp;往&nbsp;的&nbsp;......</span>
							</li>
						</ul>
						<div class="all">
							<a href="">
								查看全部
								<img src="images/k_20.png" alt="">
							</a>
						</div>
						<p  class="p1" style="background-color: #8AE2FF;">服务情况</p>
						<ul style="margin-top: 10px;">
							<li>
								<p class="p2">河北邯郸&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>138****4580</span></p>
								<p class="p3">在此平台询问了奥迪Q5</p>
							</li>
							<li>
								<p class="p2">河北邯郸&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>138****4580</span></p>
								<p class="p3">在此平台询问了奥迪Q5</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 品牌中心 -->
			<div class="pinpai">
				<div class="pp_L fl">
					<img src="images/sy_37.png" alt="">
					<br>
					<img src="images/sy_8.png" alt="" style="margin-top: 10px;">
				</div>
				<div class="pp_R fr">
					<span>查看全部</span>
					<img src="images/k_20.png" alt="">
				</div>
			</div>
			<div class="che">
				<ul>
					<li>
						<img src="images/sy_34.png" alt="">
						<p>宝马</p>
					</li>
					<li>
						<img src="images/sy_36.png" alt="">
						<p>奥迪</p>
					</li>
					<li>
						<img src="images/sy_35.png" alt="">
						<p>保时捷</p>
					</li>
					<li>
						<img src="images/b_1.png" alt="">
						<p>别克</p>
					</li>
					<li>
						<img src="images/sy_36.png" alt="">
						<p>奔驰</p>
					</li>
					<li>
						<img src="images/b_3.png" alt="">
						<p>悍马</p>
					</li>
				</ul>
			</div>
			<div class="fuwu">
				<div class="fuwu_a">
					<div class="fuwu_T">
						<div class="fuwu_T_L fl">
							<img src="images/b_0.png" alt="">
						</div>
						<div class="fuwu_T_R fl" style="margin-left: -30px;">
							<span>查看全部</span>
							<img src="images/k_20.png" alt="">
						</div>
					</div>
					<div class="fuwu_T_B">
						<div class="lan"></div>
						<span>2019进口车服务政策出炉</span>
						<br>
						
					</div>
					<div class="xin">
						<p>2018年新款梅赛德斯奔驰内饰大改版，通过一定的技术改良后得到很大共鸣。</p>
					</div>
					<div class="fuwu_T_B">
						<div class="lan"></div>
						<span>2019年全方位服务</span>
						<br>
						
					</div>
					<div class="xin">
						<p>2018年新款梅赛德斯奔驰内饰大改版，我们为客户提供了更优质的服务于全方位的技术指导。</p>
					</div>
					<div class="fuwu_T_B">
						<div class="lan"></div>
						<span>全新专业的技术团队</span>
						<br>
						
					</div>
					<div class="xin">
						<p>在舒适度方面我们有专业的评测人员客户提供了更优质的服务于全方位的技术指导。</p>
					</div>
				</div>
			</div>
			<!-- 最新政策 -->
			<div class="pinpai">
				<div class="pp_L fl">
					<img src="images/sy_13.png" alt="">
				</div>
				<div class="pp_R fr">
					<span>查看全部</span>
					<img src="images/k_20.png" alt="">
				</div>
			</div>
			<div class="new">
				<div class="new_L">
					<img src="images/sy_20.png" alt="">
				</div>
				<div class="new_R">
					<div class="fuwu_T_B" style="margin-top: 12px;">
						<div class="lan" style="width: 8px; height: 8px;  background: #4169E1; border: 1px solid rgba(65, 105, 225, 0.81); opacity: 0.8;"></div>
						<span style="font-weight: 600;">海外全新技术</span>
						<br>
					</div>
					<div class="xin">
						<p>2018年我们在技术上请教了海外归来的专家做技术指导服务上我们交到员工秉承一丝不苟的态度。</p>
					</div>
					<div class="fuwu_T_B" style="margin-top: 12px;">
						<div class="lan" style="width: 8px; height: 8px; background: #4169E1; border: 1px solid rgba(65, 105, 225, 0.81); opacity: 0.8;"></div>
						<span  style="font-weight: 600;">弥补过往一年的缺点</span>
						<br>
					</div>
					<div class="xin">
						<p>2018年我们在技术上请教了海外归来的专家做技术指导服务上我们交到员工秉承一丝不苟的态度。</p>
					</div>
					<div class="fuwu_T_B" style="margin-top: 12px;">
						<div class="lan" style="width: 8px; height: 8px; background: #4169E1; border: 1px solid rgba(65, 105, 225, 0.81); opacity: 0.8;"></div>
						<span style="font-weight: 600;">展望新技术</span>
						<br>
					</div>
					<div class="xin">
						<p>2018年我们在技术上请教了海外归来的专家做技术指导服务上我们交到员工秉承一丝不苟的态度。</p>
					</div>
				</div>
			</div>
			
		</div>
		<!-- 用车 -->
		<div class="yongche">
			<div class="null"></div>
			<div class="cheshi">
				<ul style="padding-left: 36px;">
					<li class="cheshi1">
						<h4>车市新闻</h4>
					</li>
					<li>
						<h5>重磅！2018全国及31省市新能源汽车补贴政策最新出炉</h5>
					</li>
					<li>
						<span>12/10</span>
					</li>
					<li >
						<div class="dian1" style="background: red;"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li >
						<div class="more">
							<p>查看更多</p>
						</div>
					</li>
				</ul>
				<ul>
					<li class="cheshi2">
						<h4>用车百科</h4>
					</li>
					<li>
						<h5>寒冷的冬季如何保养您的爱车不受到损伤呢？分享十个实用小妙招</h5>
					</li>
					<li>
						<span>12/10</span>
					</li>
					<li >
						<div class="dian1" style="background: red;"></div>
						<a href="">奥迪新款车喷漆耐久度测试，保证权威。</a>
					</li>
					<li>
						<div class="dian1" style="background: red;"></div>
						<a href="">奥迪新款车喷漆耐久度测试，保证权威。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">奥迪新款车喷漆耐久度测试，保证权威。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">奥迪新款车喷漆耐久度测试，保证权威。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">奥迪新款车喷漆耐久度测试，保证权威。</a>
					</li>
					<li >
						<div class="more">
							<p>查看更多</p>
						</div>
					</li>
				</ul>
				<ul>
					<li class="cheshi3">
						<h4>车市新闻</h4>
					</li>
					<li>
						<h5>重磅！2018全国及31省市新能源汽车补贴政策最新出炉</h5>
					</li>
					<li>
						<span>12/10</span>
					</li>
					<li >
						<div class="dian1" style="background: red;"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li>
						<div class="dian1"></div>
						<a href="">从北到南贯线全国，特斯拉新能源亮相。</a>
					</li>
					<li >
						<div class="more">
							<p>查看更多</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 合作伙伴 -->
		<div class="pinpai">
			<div class="pp_L fl">
				<img src="images/b_4.png" alt="">
				<br>
				<img src="images/b_45.png" alt="" style="margin-top: 10px;">
			</div>
		</div>
		
		<div class="hezuo">
			<div class="jian fl" style="margin-right: 20px;">
				<img src="images/k_21.png" alt="">
			</div>
			<ul class="fl">
				<li>
					<img src="images/sy_15.png" alt="">
				</li>
				<li>
					<img src="images/sy_27.png" alt="">
				</li>
				<li>
					<img src="images/sy_29.png" alt="">
				</li>
				<li>
					<img src="images/sy_28.png" alt="">
				</li>
			</ul>
			<div class="jian fl" style="margin-left: 20px; margin-top: 90px;">
				<img src="images/k_22.png" alt="">
			</div>
		</div>
		<!-- 关于我们 -->
		<div class="about">
			<div class="pinpai">
				<div class="pp_L fl">
					<img src="images/b_2.png" alt="">
				</div>
			</div>
			<ul class="fwlc">
				<li>
					<div class="pic">
						<img src="images/sy_24.png" alt="">
					</div>
					<div class="liucheng">
						<p>服务流程</p>
						<span>2016年成立至今我们对于工作严谨的态度和对产品专业化的知识如今我们发展出了更多的服务。</span>
					</div>
				</li>
				<li>
					<div class="pic">
						<img src="images/sy_25.png" alt="">
					</div>
					<div class="liucheng">
						<p>服务流程</p>
						<span>2016年成立至今我们对于工作严谨的态度和对产品专业化的知识如今我们发展出了更多的服务。</span>
					</div>
				</li>
				<li>
					<div class="pic">
						<img src="images/sy_19.png" alt="">
					</div>
					<div class="liucheng fr" >
						<p>服务流程</p>
						<span>2016年成立至今我们对于工作严谨的态度和对产品专业化的知识更多的服务项目严格为您选购好车！</span>
					</div>
				</li>
				<li>
					<div class="pic">
						<img src="images/sy_6.png" alt="">
					</div>
					<div class="liucheng fr">
						<p>服务流程</p>
						<span>2016年成立至今我们对于工作严谨的态度和对产品专业化的知识更多的服务项目严格为您选购好车！</span>
					</div>
				</li>
			</ul>
			<div class="gu">
				<img src="images/sy_23.png" alt="">
				<ul>
					<li>
						<a href="">
							<img src="images/sy_18.png" alt="">
							<p>客服咨询</p>
						</a>
					</li>
					<div class="hx"></div>
					<li>
						<a href="">
							<img src="images/sy_22.png" alt="" >
							<p>电话咨询</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="lianjie">
			<span>友情链接:</span>
			<a href="">
				<span>天津厂房出租</span>
			</a>
			<a href="">
				<span>天津厂房出租</span>
			</a>
			<a href="">
				<span>人民网汽车</span>
			</a>
			<a href="">
				<span>中华网汽车</span>
			</a>
			<a href="">
				<span>微信二手车直卖网</span>
			</a>
			<a href="">
				<span>天津平行车产业园区</span>
			</a>
		</div>
		
		<div class="footer">
			<div class="foot">
				<div class="foot_Top">
					<h3>LOGO</h3>
				</div>
				<div class="foot_Buttom">
					<div class="ftL">
						<p>联系我们：天津休闲时光有限公司</p>
						<p>地址：天津市和平区体育馆街道150号 </p>
						<p>电话：4000-100-100 </p>
						<p>邮箱：1253057002@qq.com</p>
					</div>
					<div class="ftC">
						<ul>
							<li>
								<a href="">车系种类：</a>
							</li>
							<li>
								<a href="">奔驰SUV</a>
								<br>
								<a href="">奔驰SUV</a>
							</li>
							<li>
								<a href="">宝马3系</a>
								<br>
								<a href="">宝马3系</a>
							</li>
							<li>
								<a href="">玛莎拉蒂</a>
								<br>
								<a href="">玛莎拉蒂</a>
							</li>
							<li>
								<a href="">路虎揽胜</a>
								<br>
								<a href="">路虎揽胜</a>
							</li>
						</ul>
					</div>
					<div class="ftR">
						<img src="images/a_13.png" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="foot_w">
			<div class="wen">
				<span>技术支持：天津盘古科技有限公司</span>
				<span>Copyright2017CodePKu Tech. 粤ICP备153456789号</span>
			</div>
		</div>
		
		
		
		
		
	</body>
</html>
